/* 头条 begin*/
.headline a{
	background: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.headline a:hover{
	text-decoration: none;
}
.headline-l{
	width: 100px;
	height: 100px;
	background: #E5B771;
	line-height: 100px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 30px;
}
.headline-c{
	text-align: center;
    width: 90%;
    margin: 0 auto;
}
.headline-c h2{
	margin-top: 10px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-weight: 700;
	font-size: 40px;
}
.headline-c h5{
	color: #999;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.headline-r {
	color: #999;
	padding-right: 20px;
}
.headline-r span{
	background: url(../img/icon-right-more.png) no-repeat;
    background-size: 100% 100%;
    width: 9px;
    height: 14px;
    display: inline-block;
    margin-left: 15px;
}
/* 头条 end*/

/* 公告 begin */
.notice-bd{
	padding: 20px 5px;
	background: #fff;
}
.notice-bd h4{
	color: #265D9A;
	border-left: 3px solid;
	padding-left: 10px;
	height: 20px;
    line-height: 20px;
	font-weight:bold;
	margin: 12px 0;
}
.notice-bd ul{
	background: #FAFAFA;
	border: 1px solid #E6E6E6;
	padding: 7px 15px;
	margin-bottom: 0;
}
.notice-bd ul li{
	padding: 4px;
	list-style: none;
}
.notice-bd ul li a{
	display: flex;
	justify-content: space-between;
}
.notice-bd ul li a:hover,.notice-bd ul li a:hover p{
	color: #265D9A;
	text-decoration: none;
}
.notice-bd ul li h5{
	position: relative;
	padding-left: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5;
	margin: 1px 0;
}
.notice-bd ul li h5 i{
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #E5B771;
    top: 8px;
	left: 0;
}
.notice-bd ul li p{
	color: #999999;
	font-size: 14px;
	margin: 1px 0;
}
.notice-bd .swiper-container {
	width: 100%;
	height: 370px;
}
.notice-bd .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.notice-bd .pagination-style{
	width: 95% !important;
	text-align: right;
}
.notice-bd .swiper-pagination-bullet {
    width: 40px;
    height: 5px;
    display: inline-block;
    border-radius:0;
    background: #fff;
    opacity: 1; 
	box-shadow: 0 0 3px #000000;
}
.notice-bd .swiper-pagination-bullet-active{
	background: #265D9A;
}
.notice-bd .list-til {
    border: none;
    height: auto;
}
.notice-bd .list-til:hover {
    border: none;
    background: none;
    color: #333;
}
.notice-bd  .list-til:hover .list-til-right span{
	background: url(../img/icon-right-more.png) no-repeat;
}
.notice-bd .list-til-right{
    display: flex;
}
.notice-bd .list-til-right h5{
    margin-right: 5px;
}
/* 公告 end */

/* 新闻列表 */
.list-til,.b-list-til{
	height: 60px;
	border-top: 2px solid #E5B771;
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
	border-bottom: 1px dashed #E6E6E6;
}
.list-til:hover {
	border-top: 2px solid #265D9A;
	background: #265D9A;
	color: #fff;
}
.list-til-icon span{
	width: 16px;
    display: inline-block;
	margin: 10px 5px 10px 20px;
	vertical-align: baseline;
}
.list-til:hover .list-til-icon span img{
	transform: translateY(-7rem);
	-webkit-filter: drop-shadow(0 7rem #fff);
	-moz-filter: drop-shadow(0 7rem #fff);
	filter: drop-shadow(0 7rem #fff);
}
.one-img{
	width: 140px;
    flex-shrink: 0;
}
.one-img img{
	height:83px;
}
.one-txt{
	width: 60%;
	margin-left: 10px;
}
.one-txt h6{
	margin-top: 0;
}
.list-til-icon h5 {
	font-size: 16px;
	display: inline-block;
	font-weight:bold;
}
.list-til-right{
	padding-right: 20px;
}
.list-til-right div{
	width: 20px;
	height: 2px;
	display: inline-block;
	background: #fff;
    vertical-align: text-top;
}
.list-til-right span{
	display: inline-block;
    background: url(../img/icon-right-more.png) no-repeat;
    background-size: ;
    width: 9px;
    height: 15px;
    margin: 10px 0;
}
.list-til:hover .list-til-right span{
	background: url(../img/icon-right-more-w.png) no-repeat;
}
.article-list{
	padding: 10px 20px 15px 20px;
}
.article-list li{
	list-style: none;
	padding: 8px 0;
}
.article-list li:last-child{
	border-bottom: 0;
}
.article-list li a{
	position: relative;
	display: flex;
}
.article-list li a:hover h6 ,.article-list li a:hover .list-til-left{
	color: #265D9A;
}
.article-list li span{
	font-size: 14px;
    color: #999;
    width: 8px;
    height: 8px;
    text-align: center;
    border-radius: 50%;
    background: #E5B771;
	flex-shrink: 0;
    margin: 4px 5px 0 0;
}
.article-list li h6{
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #454545;
	margin: 0;
}
.article-list .list-outline{
	font-size: 14px;
	color: #999999;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 25px;
	margin-top: 12px;
}

.comment-list li .comment-list-til{
	display: flex;
	justify-content: space-between;
	height: 35px;
    align-items: center;
}
.list-til-left{
	font-size: 14px;
	width: 76%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #454545;
}
.list-til-left i{
	font-style: normal;
}
.comment-list-til p{
	margin: 0;
	font-size: 14px;
	color: #999;
}
.comment-list .list-outline{
	margin: 0;
}
/* 新闻列表end */

/* 名家专栏 begin*/
.list-more{
	display: flex;
	align-items: center;
}
.list-more:hover h5{
	color: #265D9A;
}
.list-more h5{
	font-size: 14px;
	display: inline-block;
    margin: 10px;
    color: #999;
}
.master-list{
	padding: 20px;
    display: flex;
	
}
.master-list li{
	list-style: none;
	width: 125px;
	position: relative;
    margin-right: 22px;
}
.master-list li:last-child{
	margin-right: 0;
}
.master-list li:hover .master-mask{
	opacity: 1;
	transition: all 0.3s;
}
.master-list li .master-img{
	width: 100%;
	height: 160px;
	overflow: hidden;
}
.master-list li p{
	text-align: center;
	font-size: 14px;
	margin: 10px 0 0 0;
}
.master-mask{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #265D9A;
	color: #fff;
	padding: 5px 10px;
}
.master-mask h4{
	font-size: 16px;
}
.master-mask h5{
	line-height: 26px;
    overflow: hidden;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* 名家专栏 end*/

/* 世界文坛 */
.list-flex{
	display: flex;
	justify-content: space-between;
}
.list-img{
	width: 45%;
	position: relative;
	overflow: hidden;
	max-height: 90.7px;
}

.list-img .list-img-shade{
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 22px;
}
.article-list li:hover .list-img-shade{
	opacity: 0;
}
.article-list li:hover .list-img  img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	transition: transform 0.3s ease 0s;
}
.bgcl-1{
	background: rgba(204, 109, 95, 0.8);
}
.bgcl-2{
	background: rgba(25, 111, 56, 0.8);
}
.bgcl-3{
	background: rgba(229, 174, 90, 0.8);
}
.bgcl-4{
	background: rgba(38, 93, 154, 0.8);
}
.bgcl-5{
	background: rgba(81, 104, 165, 0.8);
}

.list-info{
	width: 48%;
}
.list-info h6{
	text-align: left;
	margin-left: 0 !important;
}
.list-info p{
	font-size: 14px;
	color: #999;
	text-align: left;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* 世界文坛 */
.b-swiper{
    padding: 40px 130px;
	box-sizing: border-box;
	position: relative;
}
.b-swiper .swiper-button-next, .swiper-button-prev{
	background-color: #265D9A;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    background-size: 60% 60%;
	    
}
.b-swiper .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	right: 53px;
}
.b-swiper .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	left: 53px;
}
.b-swiper .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
	background-color: #9B9B9B;
	opacity: 0.8;
}
.b-swiper .swiper-slide img{
	height:139px;
	border: 1px solid #454545;
}
.b-swiper .slide-til{
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* 世界文坛 end*/


/* 友情链接 begin */
.links-bd {
	margin: 25px 0;
	display: flex;
	flex-wrap: wrap;
	padding: 0 40px;
}
.links-bd  li{
	width: 133px;
	border: 2px solid #F5F5F5;
	list-style: none;
	margin-right: 7px;
	margin-bottom: 7px;
}
/* 友情链接 end*/
.media-bd li{
	width: 179px;
	text-align: center;
	
}



/* 小屏幕（平板，大于等于 768px） */
@media screen and (max-width: 768px) {
	.headline{
		justify-content: flex-start;
	}
	.headline-l{
		height: 60px;
		width: 60px;
		line-height: 60px;
		font-size: 16px;
	}
	.headline-c{
		max-width: 75%;
		margin: 0 auto;
	}
	.headline-c h2{
		font-size: 16px;
	}
	.headline-c h5{
		font-size: 12px;
	}
	
	.notice-bd h4{
		margin: 20px 0 6px 0;
	}
	.notice-bd .swiper-container{
		height: auto;
	}
	.master-list{
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.master-list li{
		width: 40%;
		height: auto ;
		margin-bottom: 10px;
		margin-right: 0;
	}
	.master-list li .master-img{
		height:auto;
	}
	.b-swiper{
		padding: 40px 80px;
	}
	.b-swiper .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
		right: 20px;
	}
	.b-swiper .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
		left: 20px;
	}
	.links-bd{
		justify-content: space-around;
		padding: 0 10px;
	}
	.links-bd li{
		margin-right: 0;
	}
	.media-bd li{
	    width: 40%;
	}
}

/* 大屏幕以下（平板，大于等于 768px） */
@media screen and (max-width: 1200px) and (min-width:769px ) {
	.master-list {
		justify-content: space-around;
	}
	.master-list li{
		width: 10.1%;
		max-height: 165px;
		height:auto;
	}
	.master-list li .master-img{
		max-height: 125px;
		height:auto;
	}
}